<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="base/base::head('角色管理',~{::link},~{::script},~{::style})">

    <script type="text/javascript" th:src="${session.basePath}+'/resource/plugins/wdfjslib/page.js'"></script>
    <script type="text/javascript" th:src="${session.basePath}+'/resource/imp/system/js/roleMgr.js'" charset="utf-8"></script>

</head>
<body class="page">

<form id='searchForm'>
    <div class="searchBar">
        <div class='searchInput' id='searchRolePanel'>
            <div class='block'>
                <div class='label'>
                    类型：
                </div>
                <div class='input1 input'>
                    <input id='role_type_SearchPanel' readonly="readonly" placeholder="全部"/>
                </div>
            </div>
            <div class='block'>
                <div class='label'>
                    名称：
                </div>
                <div class='input1 input'>
                    <input type='text' id='role_name_SearchPanel' name='name' placeholder="全部" maxlength="30"/>
                </div>
            </div>
            <input type='hidden' name='cType' value='PCWEB' placeholder="客户端类型"/>

            <div class="optBtnsBar">
                <input type='button' class="optBtn searchBtn" onclick='search();' value='查询'/>
                <input type='button' class="optBtn restBtn" onclick="resetSearch();" value="重置"/>

                <input type='button' class="optBtn searchBtn" onclick='addRole();' value='新增角色' />
            </div>
            <div style="clear:both"></div>
        </div>
    </div>
</form>

<div class="split"></div>

<div class="content">

    <div id="roleGrid"></div>

</div>

<!-- 新增角色面板 -->
<div class="pannel_bg">
    <div class='panel' id="addRolePanel">
        <form id='addRoleForm'>
            <div class='titleBar'>
                <div class="title"></div>
                <div class="closeBtn">返回</div>
            </div>
            <div class='content'>

                <input type='hidden' name='cType' value='PCWEB'/>

                <div class='split'></div>
                <div class='content'>
                    <table class='panelForm'>
                        <tr>
                            <td class='label'>类型：</td>
                            <td class='input'>
                                <select id='role_type_AddPanel' name='type'>
                                    <option value="1">系统角色</option>
                                    <option value="2">项目角色</option>
                                </select>
                            </td>
                            <td class='info'><span style='color:red;'>*</span></td>
                        </tr>
                        <tr>
                            <td class='label'>名称：</td>
                            <td class='input'><input id='role_name_AddPanel' type='text' name="name" maxlength="30"/></td>
                            <td class='info'><span style='color:red;'>*</span></td>
                        </tr>
                        <tr>
                            <td class='label'>状态：</td>
                            <td class='input'>
                                <select id='role_status_AddPanel' name='status'>
                                    <option value="1">启用</option>
                                    <option value="2">禁用</option>
                                </select>
                            </td>
                            <td class='info'><span style='color:red;'>*</span></td>
                        </tr>
                        <tr>
                            <td class='label lbTextarea'>备注：</td>
                            <td class='input'><textarea id="role_description_AddPanel" rows="" cols="" name="description"
                                                        maxlength="200" placeholder="最大输入200个汉字..."></textarea></td>
                            <td class='info'><span style='color:red;'></span></td>
                        </tr>
                    </table>
                </div>
                <div class='split'></div>


            </div>
            <div class='btnBar'><input value="保存" class='okBtn zhuanjiao_btn' type="button"/><input value="取消" class='quxiao_btn' type="button"/></div>
        </form>
    </div>
</div>

<!-- 编辑角色面板 -->
<div class="pannel_bg">
    <div class='panel' id="editRolePanel">
        <form id='editRoleForm'>
            <input type='hidden' name='cType' value='PCWEB' placeholder="客户端类型"/>
            <input type="hidden" id="role_id_EditPanel" name="id" value=""/>
            <div class='titleBar'>
                <div class="title"></div>
                <div class="closeBtn">返回</div>
            </div>
            <div class='split'></div>
            <div class='content'>
                <table class='panelForm'>
                    <tr>
                        <td class='label'>类型：</td>
                        <td class='input'>
                            <select id='role_type_EditPanel' name='type'>
                                <option value="1">系统角色</option>
                                <option value="2">项目角色</option>
                            </select>
                        </td>
                        <td class='info'><span style='color:red;'>*</span></td>
                    </tr>
                    <tr>
                        <td class='label'>名称：</td>
                        <td class='input'><input id='role_name_EditPanel' type='text' name="name" maxlength="30"/></td>
                        <td class='info'><span style='color:red;'>*</span></td>
                    </tr>
                    <tr>
                        <td class='label'>状态：</td>
                        <td class='input'>
                            <select id='role_status_EditPanel' name='status'>
                                <option value="1">启用</option>
                                <option value="2">禁用</option>
                            </select>
                        </td>
                        <td class='info'><span style='color:red;'>*</span></td>
                    </tr>
                    <tr>
                        <td class='label lbTextarea'>备注：</td>
                        <td class='input'><textarea id="role_description_EditPanel" rows="" cols="" name="description"
                                                    maxlength="200" placeholder="最大输入200个汉字..."></textarea></td>
                        <td class='info'><span style='color:red;'></span></td>
                    </tr>

                </table>
            </div>
            <div class='split'></div>
            <div class='btnBar'><input value="保存" class='okBtn zhuanjiao_btn' type="button"/><input value="取消" class='quxiao_btn' type="button"/></div>

        </form>
    </div>
</div>

<!-- 角色菜单及权限面板 -->
<div class="pannel_bg">
    <div class='panel' id="roleMenusPanel">
        <div class='titleBar'>
            <div class="title"></div>
            <div class="closeBtn">返回</div>
        </div>
        <div class='split'></div>
        <div class='content'>
        </div>
        <div class='btnBar'><input value="保存" class='okBtn zhuanjiao_btn' type="button"/><input value="取消" class='quxiao_btn' type="button"/></div>
    </div>
</div>
<div class="pannel_bg">
    <div class='panel' id="rolePermissionPanel">
        <div class='titleBar'><div class="title"></div><div class="closeBtn">返回</div></div>
        <div class='split'></div>
        <div class='content'>
        </div>
        <div class='btnBar'><input value="保存" class='okBtn zhuanjiao_btn' type="button"/><input value="取消" class='quxiao_btn' type="button"/></div>
    </div>
</div>

</body>
</html>